$blue: #17b3ec; //蓝色
$green: #05cc96; //绿色
$blue-2: #4db2ee; //绿色
$gray: #e1e1e1; //灰色 （border颜色)
$gray2: #f4f5f6; //灰色 （表頭颜色)
$fomrHeight:40px; //表单高度
$fontColor:#323232; //字体颜色
$fontColor2:#333333; //字体颜色
$yellow: #ffa22a; //黄色
$red: #fb4141; //红色
$remake: #666666; //备注

p {
    display: block;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}
.c-bold{
    font-weight: 600;
}


/* cy */

.mtb10{
    margin-top: 10px;
    margin-bottom: 10px;
}
.mtb15{
    margin-top: 15px;
    margin-bottom: 15px;
}
.mtb60{
    margin-top: 60px;
    margin-bottom: 60px;
}


.round-img{
    border-radius: 100%;
}
 /* flex */
 .flex{
    display:-webkit-box;
    display:-webkit-flex;
    display:flex;
}
/* 垂直排列 */
.flex_co{
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
}
/*  垂直水平居中 */ 
.f_xy_c{    
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}
.f_y_c{
    -webkit-align-items: center;
    align-items: center;
}
.f_x_c{
    -webkit-justify-content: center;
    justify-content: center;
}
.f_x_e{
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}
/* 存在剩余空间放大 */
.f_g_1{
    -webkit-flex-grow:1;
    flex-grow:1;
}
/* 空间不够也不缩小 */
.f_s_0{
    -webkit-flex-shrink:0;
    flex-shrink:0;
}
.f_x_s{
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.f_y_s{
    align-items: flex-start;
    -webkit-align-items: flex-start;

}
.f_wrap{
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

 /* flex */
 /*w3*/
 .w3-row:after {
	content: "";
	display: table;
	clear: both
}
.w3-col {
	float: left;
	width: 100%
}
.w3-rest{overflow:hidden}
 /*w3*/

.ellipsis{
    white-space:nowrap;/*强制文本在一行内显示*/
    text-overflow:ellipsis; /*溢出省略号，支持ie、safari（webkit）*/
    -o-text-overflow:ellipsis; /*溢出省略号，支持opera*/
    overflow:hidden;/*溢出隐藏*/
    word-break: break-all;
}

.ellipsis_2{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.ellipsis_3{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}


#pageViews{
    // background: #f2f3f4;
    min-height: calc(100vh - 0px);
    text-align: center;
}



/* 按钮 */

::-webkit-input-placeholder { color:#999999; }
::-moz-placeholder { color:#999999; } /* firefox 19+ */
:-ms-input-placeholder { color:#999999; } /* ie */
input:-moz-placeholder { color:#999999; }

.break-all{
    word-break: break-all;
}
.vmid{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
}
.kitbox{
    display: -webkit-box;
}
.kitbox-mid{
    display: -webkit-box;
    -webkit-box-align: center;
}
.kitbox-h-mid{
    display: -webkit-box;
    -webkit-box-pack: center;
}
.flex1{
    -webkit-box-flex: 1;
}
.bb-e1e1e1{
    border-bottom: 1px solid #e1e1e1;
}
.bt-e1e1e1{
    border-top: 1px solid #e1e1e1;
}
.van-stepper__input--disabled{
    color: #333!important ;
    font-weight: normal!important ;
}